<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理</title>
    <link rel="stylesheet" href="./public/layui/css/layui.css">
    <style>
        .header {
            padding: 10px;
        }

        .header h1 {
            padding: 10px;
            padding-left: 30px;
        }

        .navbar {
            width: 90%;
            margin: 10px auto;
            padding: 20px;
        }

        .data-info-item {
            height: 100px;
            box-sizing: border-box;
            padding: 10px;
        }

        .navbar .row {
            border-radius: 10px;
        }
    </style>
</head>

<body>
    <div class="header layui-bg-black">
        <h1 class="layui-font-18" style="color: #fff;">后台管理</h1>
        <ul class="layui-nav layui-bg-black">
            <li class="layui-nav-item"><a href="?p=index&c=index&a=index">首页</a></li>
            <li class="layui-nav-item"><a href="?p=index&c=config&a=get">接口配置</a></li>
            <!-- <li class="layui-nav-item">
                <a href="">消息<span class="layui-badge">9</span></a>
            </li> -->
            <li class="layui-nav-item" lay-unselect>
                <a href="javascript:;">
                    <img src="https://unpkg.com/outeres@0.0.10/demo/avatar/1.jpg" class="layui-nav-img">
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" id="account">个人信息</a></dd>
                    <hr>
                    <dd style="text-align: center;"><a href="javascript:;" id="logout">退出登录</a></dd>
                </dl>
            </li>
        </ul>
    </div>